<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>360手机桌面</title>
		<style type="text/css">
			/* 初始化 */
			* {
				margin: 0;
			}

			img {
				vertical-align: bottom;
			}

			/* 公共样式 */
			/* 边框:测试样例 */
			.bd {
				border: 1px solid red;
			}

			.fl {
				float: left;
			}

			.fr {
				float: right;
			}

			.w {
				width: 958px;
				margin: 0 auto;
			}

			.header {
				height: 60px;
				background-image: url(images/background_02.jpg);
			}

			.logo {
				/* padding: 上 右 下 左; */
				padding: 11px 0 0 7px;
			}

			.nav {
				padding: 5px 13px 0 0;
			}

			.banner {
				background-image: url(images/banner_05.jpg);
			}

			.main {
				padding-top: 62px;
				height: 555px;
			}

			.feather {
				width: 436px;
				height: 185px;
				background: url(images/icon_21.jpg) no-repeat;
			}

			.feather:nth-child(2n+1) {
				margin-right: 86px;
				padding-left: 143px;
				width: 293px;
			}

			.feather:nth-child(2n) {
				/* margin-left: 20px; */
				padding-left: 141px;
				width: 295px;
			}

			.feather:nth-child(2) {
				background: url(images/icon_23.jpg) no-repeat 23px 0px;
			}

			.feather:nth-child(3) {
				background: url(images/icon_28.jpg) no-repeat;
			}

			.feather:nth-child(4) {
				background: url(images/icon_30.jpg) no-repeat 23px 0px;
			}

			.feather:nth-child(5) {
				background: url(images/icon_35.jpg) no-repeat;
			}

			.feather:nth-child(6) {
				background: url(images/icon_37.jpg) no-repeat 23px 0px;
			}
		</style>
	</head>
	<body>
		<div class="header">
			<div class="w">
				<div class="fl logo"><img src="images/logo_05.jpg" alt=""></div>
				<div class="fr nav"><img src="images/nav_05.jpg" alt=""></div>
			</div>
		</div>
		<div class="banner">
			<div class="w">
				<div><img src="images/banner_07.jpg" alt=""></div>
				<div><img src="images/banner_09.jpg" alt=""></div>
			</div>
		</div>
		<div class="w main">
			<div class="fl feather">
				<h3>简洁清新美观</h3>
				<p>清新风格更简洁、更美观，百变主题更个性、更抢眼，贴心小工具，丰富新功能，让你的桌面从此与众不同。</p>
			</div>
			<div class="fl feather">
				<h3>操作简便直观</h3>
				<p>长按桌面即可添加更换各种应用、文件夹、小工具，也可方便的选择主题和壁纸为手机换肤，所见即所得的直观操作带来更加简便的使用体验。</p>
			</div>
			<div class="fl feather">
				<h3>千变万化主题</h3>
				<p>海量主题任你选择，在线主题、壁纸内容不断增加中，每日不同的心情，都能找到恰到好处的个性化呈现方式，让手机天天都是精致的表情。</p>
			</div>
			<div class="fl feather">
				<h3>贴心实用工具</h3>
				<p>时钟天气、一键清理、一键节电、日历……不用打开应用，桌面上即可快速进行常用小工具的操作，使用手机更方便，更快捷。</p>
			</div>
			<div class="fl feather">
				<h3>屏幕手势管理</h3>
				<p>双指一捏的合并手势操作即可对屏幕进行可视化操作，可添加多达9屏的屏幕，快速浏览切换屏幕，增减屏幕个数及调整屏幕位置，来体验智能手机的触控乐趣吧。</p>
			</div>
			<div class="fl feather">
				<h3>个人深度定制</h3>
				<p>图标壁纸随意换，划屏特效随心改，小工具大小任意调，深度定制属于你自己的完美桌面，个性创意毫无拘束，手机屏幕就是你的绘画板。</p>
			</div>
		</div>
		<div style="background-image: url(images/bottom_background_08.jpg);">
			<div class="w main" style="text-align: center;height: 70px;">
				<p>Copyright©2005-2012 360.CN All Rights Reserved 360安全中心</p>
				<p>隐私权政策 京ICP证080047号</p>
			</div>
		</div>
	</body>
</html>
